<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/comm.css">
    <link rel="stylesheet" type="text/css" href="css/product_show.css">
</head>
<body>

<!-- 头部 -->
  <div class="top">
      <div class="top-cen">
         <img src="img/a.png" alt="log">
           <ul class="top-nav">
               <li><a href="index.html">首&nbsp;&nbsp;页<p>home</p></a></li>
               <li><a href="product.html">作品展示<p>showcase</p></a></li>
               <li><a href="#">服务报价<p>service</p></a></li>
               <li><a href="product_show.html">外景展示<p>location</p></a></li>
               <li><a href="#">优惠活动<p>actmty</p></a></li>
               <li><a href="news_show.html">品牌介绍<p>brand</p></a></li>
               <li><a href="news.html">新闻资讯<p>hotevent</p></a></li>
               <li><a href="#">联系我们<p>contac</p></a></li>
           </ul>
      </div>
  </div>

  <!-- banner -->
  <div class="banner">
     <a href="#">
      <ul class="banner-ul">
          <li id="ul-left"></li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li id="ul-right"></li>
      </ul>
      </a>
  </div>

  <!--web -->
    <div class="web">
       <div class="web-1">
           <a href="#"></a>
       </div>

       <div class="web-2">
          <a href="#"></a>
       </div>

       <div class="web-3">
           <div class="web-3-1" >
             <a href="#"></a>
           </div>
           <div class="web-3-2">
             <a href="#"></a>
           </div>
           <div class="web-3-3">
             <a href="#"></a>
           </div>
       </div>

       <div class="web-4">
          <a href="#"></a>
       </div>
    </div>

<!-- 中间部分 -->
<div class="center-box">
    <!-- 中间字体 -->
    <div class="center-font">
      <span>环球蜜月行-情迷埃菲尔
      </span>
    </div>
    <div class="center-weizhi">
        <span>您现在所在的位置：
        </span>
        <label>
            北京婚纱摄影 > 婚纱摄影作品 > 经典欧美风
        </label>
    </div>
       <!-- 轮播图片 -->
     <div class="center-lunboimg">
           <div class="bannerbox">
           	   <div class="banebox_page1">
           	   	  <label><img src="images/zuo_03.png" alt=""></label>
           	   	  <span  name="dianji" class="active"><img src="images/2013041059148313 (1).jpg"/><p>1/22</p></span>
           	   	  <span name="dianji"><img src="images/2013041059144221 (1).jpg"/><p>2/22</p></span>
           	   	  <span name="dianji"><img src="images/2013041059144221 (1).jpg"/><p>3/22</p></span>
           	   	  <span name="dianji"><img src="images/2013041059144221 (1).jpg"/><p>4/22</p></span>
           	   	  <span name="dianji"><img src="images/2013041059144221 (1).jpg"/><p>5/22</p></span>
           	   	  <label><img src="images/you_05.png" alt=""></label>
           	   </div>
           	   <div class="banbox_page2">
           	   	  <span class="active2"><img src="images/2013041059148313 (1).jpg"/></span>
           	   	  <span id="img1"><img src="img/imgs-3.png.png"/></span>
           	   	  <span><img src="images/2013041059148313 (1).jpg"/></span>
           	   	  <span><img src="images/2013041059148313 (1).jpg"/></span>
           	   	  <span><img src="images/2013041059148313 (1).jpg"/></span>

           	   </div>

           </div>
     </div>
</div>

 <!-- 底部 -->
    <div class="fooder">
      <!--第一層 -->
        <div class="fooder-1">
          <div class="fooder-left">
           <p>重庆市沙坪坝区西永开发区</p>
          <span>贵州省遵义市正安县</span>
          </div>

           <div class="fooder-right">
           <div>
             <p>SHOWCASE</p>
            <ul>
               <li><a href="#">
               婚纱摄影作品
               </a></li>
               <li><a href="#">
                 时尚写真作品
               </a></li>
               <li><a href="#">
                 客片展示大赏
               </a></li>
               <li><a href="#">
                 全家福作品
               </a></li>
           </ul>
           </div>

           <div>
             <p>SHOWCASE</p>
            <ul>
               <li><a href="#">
               婚纱摄影作品
               </a></li>
               <li><a href="#">
                 时尚写真作品
               </a></li>
               <li><a href="#">
                 客片展示大赏
               </a></li>
               <li><a href="#">
                 全家福作品
               </a></li>
           </ul>
           </div>

           <div>
             <p>SHOWCASE</p>
            <ul>
               <li><a href="#">
               婚纱摄影作品
               </a></li>
               <li><a href="#">
                 时尚写真作品
               </a></li>
               <li><a href="#">
                 客片展示大赏
               </a></li>
               <li><a href="#">
                 全家福作品
               </a></li>
           </ul>
           </div>

           <div>
             <p>SHOWCASE</p>
            <ul>
               <li><a href="#">
               婚纱摄影作品
               </a></li>
               <li><a href="#">
                 时尚写真作品
               </a></li>
               <li><a href="#">
                 客片展示大赏
               </a></li>
               <li><a href="#">
                 全家福作品
               </a></li>
           </ul>
           </div>

           <div>
             <p>SHOWCASE</p>
            <ul>
               <li><a href="#">
               婚纱摄影作品
               </a></li>
               <li><a href="#">
                 时尚写真作品
               </a></li>
               <li><a href="#">
                 客片展示大赏
               </a></li>
               <li><a href="#">
                 全家福作品
               </a></li>
           </ul>
           </div>

            <div>
             <p>SHOWCASE</p>
            <ul>
               <li><a href="#">
               婚纱摄影作品
               </a></li>
               <li><a href="#">
                 时尚写真作品
               </a></li>
               <li><a href="#">
                 客片展示大赏
               </a></li>
               <li><a href="#">
                 全家福作品
               </a></li>
           </ul>
           </div>
           </div>
        </div>
     </div>

       <div class="dadiv">
           <div class="ziti-imgs">
           </div>
           <div  class="zuihou">
             <div>
              <P>版权所有 © 2010-2013 喜宾文化传播 (北京) 有限公司
              北京婚纱摄影 北京2046婚纱摄影工作室 京ICP备09060877号-1 百度地图 谷歌地图 网站地图 技术支持:黑马网络
              </P>
              <span>Copyright © 2010-2013 Beijing 2046 weding photography stuio.</span>
             </div>
           </div>

            <div class="dibu">
              <a href="#">友情链接:</a>
          </div>
       </div>

</body>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
    //加载事件
	$(function(){
		/*获取图片*/
		$(".banebox_page1 span").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
		})

	})

   

</script>

<!-- <script type="text/javascript">
    window.onload=function(){
         var dianjis=document.getElementsByName("dannji");
         var img1=document.getElementById("img1");
         var imgs=['2013041059148313 (1).jpg','2013041761053437.jpg','2013041843441953.JPG','2013041843799657.JPG','2013041059120157.jpg'];

         for(var i=0;i<dianjis.length;i++){
              dianji(i);
         }
         function dianji(i){

         }

    }
</script> -->

</html>